$breakpoint-table: 1680px;

.content {
  @include eui.scrollBar;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}

.grid {
  display: grid;
  grid-template-columns: 61% 39%;

  > div:nth-child(2n-1) {
    margin-right: 24px;
  }

  @media screen and (max-width: $breakpoint-table) {
    > div:nth-child(2n-1) {
      margin-right: 0;
    }
    grid-template-columns: 100%;
  }
}
